import $ from "jquery"

// 2.隔行变色
$("ul>li:even").css("color", "green")
$("ul>li:odd").css("color", "red")


// 目标:使用webpack打包css文件
// 引入css
import "./styles/index.css"

// 目标:使用webpack打包less文件
import "./styles/index.less"

// 目标:使用webpack打包图片文件
// 在js中引入图片,用es6的模块化导入语法
// 可以得到一个图片对象,将图片对象设置给img标签的src
import imgObj from "./images/1.gif"

const img = document.createElement("img")
img.src = imgObj
document.body.appendChild(img)

// 目标使用webpack打包字体文件(webpack5的特权:无需操作,直接打包即可)
// 引入css文件
import "./fonts/iconfont.css"
const i = document.createElement("i")
i.className = "iconfont icon-qq"
document.body.appendChild(i)

// 目标:将高版本的js语法进行降级
const foo = () => {
    console.log("我是箭头函数,快来打我呀!");
}
console.log(foo);